::-webkit-scrollbar  
  width 6px 
  height 6px 
  background-color rgba(255,255,255,0)
  
::-webkit-scrollbar-track  
  background-color rgba(255,255,255,0)
  border none
  -webkit-box-shadow inset 0 0 6px rgba(0,0,0,0)

::-webkit-scrollbar-thumb  
  border-radius 5px
  -webkit-box-shadow inset 0 0 6px rgba(81,87,97,1); 
  background-color rgba(255,255,255,0.2)

#page-topic>.left
  position absolute
  top 296px
  left 68px
  width 481px
  font-size 16px
  color #6f87d6
  transition all .5s ease
  >.h1
    font-size 24px
    color #ffb924
    margin-bottom 26px
  >.p
    line-height 28px
    height (@line-height * 8)
    margin-bottom 72px
    overflow hidden
    text-overflow ellipsis
    -webkit-line-clamp 8
    display -webkit-box
    -webkit-box-orient vertical
  >.h2
    font-size 24px
    color #b7c9ff
    margin-bottom 18px
  >.cont
    line-height 28px
    height (@line-height * 5)
    margin-bottom 10px
    >.item
      display inline-block
      min-width 64px
      padding-right 8px

#page-topic>.charts
  position absolute
  bottom 64px
  width 1450px
  left 'calc(50% - %s)' % (@width / 2)
  display flex
  flex-wrap wrap
  justify-content space-between
  align-items flex-end
  visibility visible
  transition all .4s ease
  .layout0 &
    opacity 1
    transform translateY(60px) scale(.7)
  >div
    width 430px
    transition all .5s ease
  >:nth-child(2)
  >:nth-child(5)
    transition-delay .25s
  >:nth-child(3)
  >:nth-child(6)
    transition-delay .5s
  >.title
    font-size 18px
    color #b7c9ff
    text-align center

#page-topic>.right
  position absolute
  width 492px
  top 168px
  right 60px
  transition all .5s ease
  height 800px
  overflow-y auto
  .listitem
    box-sizing border-box
    font-size 14px
    margin-bottom 68px
    text-decoration none
    display block
    &:last-child
      border-bottom 0
    >.head
      color #ff302b
      display flex
      justify-content space-between
      align-items center
      margin-bottom 18px
      >.title
        font-size 18px
        width 380px
        overflow hidden
        white-space nowrap
        text-overflow ellipsis
    >.cont
      color #6f87d6
      line-height 28px
      height (@line-height * 3)
      margin-bottom 12px
      font-size 16px
      overflow hidden
      display -webkit-box
      text-overflow ellipsis
      -webkit-line-clamp 3
      -webkit-box-orient vertical
    >.foot
      display flex
      justify-content space-between
      color #097e93
      width 100%
      &>div
        text-overflow ellipsis
        overflow hidden
        white-space nowrap
#page-topic>.center
  width 1080px 
  position absolute
  height 640px
  top 90px
  left calc(50% - 540px)
  transform translateY(0)
  opacity 1
  transition all 0.5s ease 
  .layout0 &
    top calc(50% - 320px)
#page-topic>.title
  color #ffb924
  font-size 40px
  position absolute
  top 27px
  width 100%
  text-align center
  transition all .5s ease
  transform translateY(0px)
#page-topic.fadeOut
  >.left
  >.right
    opacity 0
  >.left
    transform translateX(-100px)
  >.right
    transform translateX(100px)
  >.charts
    >*
      transform translateY(80px)
      opacity 0
  >.title
    transform translateY(-90px)
    opacity  0

  >.center
    transform translateY(-100px)
    opacity 0